<template>
	<view>
		<!--主体-->
		<view class="meMain">
	
			<view class="mePosition">
				<view class="meMainBox">


					<!--模板-->
					<view class="meOverBg">
						<view class="meVisitor">
							<view class="meVisitorLt">
								<view class="meVisitorTxt_02">0.00</view>
								<view class="meVisitorTxt_01">我的金币</view>
							</view>
							<view class="meVisitorLt">
								<view class="meVisitorTxt_02">0.00</view>
								<view class="meVisitorTxt_01">我的本金</view>
							</view>
						</view>
						
						
						<view class="meVisitor main">
							<view class="meVisitorLt" style="border-right: none;text-align: left;margin: 5px 0;">
								<view class="meVisitorTxt_01">今日预估收入 0.00</view>
								<view class="meVisitorTxt_01">待完成总收入 0.00</view>
							</view>
							<view class="meVisitorLt" style="text-align: left;margin: 5px 0;">
								<view class="meVisitorTxt_01">未返本金 0.00</view>
						
							</view>
						</view>
						
					</view>
					<!--模板-->


			<!--订单-->
				<view class="meOverBg">
				<view class="meVisitorTitle">为了规范任务完成操作，请各位买手严格按照请各位买手严格按照</view>
				<view class="meVisitor" style="justify-content: space-between;">
					
					<view @click="Urlto('/pages/help/index')" class="meOrderLt liu" style="margin-left: 10px;">
							<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon1.png"></image></view>
						<view class="meOrderTxt_02">新手指导</view>
					</view>
					
					
					<view  @click="Urlto('/pages/task/index')"  class="meOrderLt liu">
							<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon2.png"></image></view>
						<view class="meOrderTxt_02">游戏大厅</view>
	
					</view>
					<view  @click="Urlto('/pages/invite/index')"  class="meOrderLt liu" style="margin-right: 10px;">
							<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon3.png"></image></view>
						<view class="meOrderTxt_02">邀请好友</view>
					</view>
	
				</view>
				
				
				
				<view class="meVisitor" style="margin-bottom: 10px;justify-content: space-between;">
					
							<view  @click="Urlto('/')"  class="meOrderLt" style="margin-left: 10px;">
									<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon4.png"></image></view>
								<view class="meOrderTxt_02">每日签到</view>
			
							</view>
							<view  @click="Urlto('/pages/invite/index')"  class="meOrderLt">
									<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon6.png"></image></view>
								<view class="meOrderTxt_02">推广奖励</view>
			
							</view>
							<view  @click="Urlto('/')"  class="meOrderLt" style="margin-right: 10px;">
									<view class="meOrderTxt_01"><image src="../../static/icon/home_item_icon5.png"></image></view>
								<view class="meOrderTxt_02">考试中心</view>
						
							</view>
					
						</view>
				
			</view>
			<!--订单-->



				</view>
			</view>
		</view>
		<!--主体-->

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		onShow() {



		},
		methods: {
         Urlto:function(e){
			 if(e=='/'){
				 uni.showToast({
				 	title:"暂未开通",
					icon:"none"
				 })
				 return;
			 }
			 
			 if(e=='/pages/task/index'){
				 uni.switchTab({
				 	url:e
				 })
				 return;
			 }
			 
		   uni.navigateTo({
		   	url:e
		   })
		 }

		}
	}
</script>

<style>
	page {
		background: #F5F5F5;
	}
   
	.meMain {
		width: 100%;
		position: relative;
	}

	.meMain>image {
		width: 100%;
		height: 220upx;
		display: block;
	}

	.meMainBox {
		width: 92%;
		margin: 0 auto;
	}

	.mePosition {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
     .main{
		 border-top: 1px solid #fe822b;
		 margin: 0 8px;
	 }
	.meHead {
		overflow: hidden;
		position: relative;
	}

	.meHeadAvatar {
		float: left;
		width: 19%;
		margin-top: 10upx;
	}

	.meHeadAvatar image {
		width: 110upx;
		height: 110upx;
		display: block;
		border-radius: 50%;
	}

	.meHeadName {
		float: left;
		width: 81%;
		line-height: 120upx;
		color: #FFFFFF;
		font-size: 28upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.meOverBg {
		background: #FFFFFF;
		overflow: hidden;
		border-radius: 12upx;
		margin-top: 30upx;
	}

	.meVisitor {
		display: flex;
		flex-direction: row;
	}

	.meVisitorLt {
		width: 50%;
		text-align: center;
		margin: 30upx 0;
	}

	.meVisitorLt:nth-child(1) {
	/* 	border-left: 1px #F5F5F5 solid; */
		border-right: 1px #fe822b solid;
	}

	.meVisitorTxt_01 {
		font-size: 28upx;
		color: #666666;
	}

	.meVisitorTxt_01 image {
		width: 35upx;
		height: 35upx;
		vertical-align: middle;
		margin: 0 10upx 4upx 0;
	}

	.meVisitorTxt_02 {
		font-size: 30upx;
	}

	.meVisitorTitle {
		font-size: 28upx;
		color: #fe822b;
		border-bottom: 1px #F5F5F5 solid;
		padding: 20upx 30upx;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

	.meOrderLt {
		width: 25%;
		text-align: center;
		padding: 30upx 0;
		transition: all 0.4s;
	}

	.meOrderLt:active {
		background: #E2E2E2;
	}



	.meOrderTxt_01 {}

	.meOrderTxt_01 image {
		width: 100upx;
		height: 100upx;
		display: block;
		margin: 0 auto 6upx;
	}

	.meOrderTxt_02 {
		font-size: 28upx;
		color: #666666;
	}

	.businessList {
		overflow: hidden;
		padding: 30upx;
		border-bottom: 1px #F5F5F5 solid;
		transition: all 0.4s;
	}

	.businessList:active {
		background: #E2E2E2;
	}

	.businessList:last-child {
		border-bottom: none;
	}

	.businessListTxt {
		float: left;
		font-size: 28upx;
		color: #333333;
	}

	.businessListTxt image {
		width: 35upx;
		height: 35upx;
		vertical-align: middle;
		margin: 0 10upx 4upx 0;
	}

	.businessListYou {
		float: right;
		font-size: 28upx;
		color: #333333;
	}

	.businessListYou image {
		width: 20upx;
		height: 20upx;
		vertical-align: middle;
		margin: 0 0 4upx 10upx;
	}
</style>
